<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
<meta charset="utf-8" />
<title>商城注册</title>
<script src="/static/reg/libs/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/reg/js/jQuery/jquery-3.1.1.js"></script>
<link rel="stylesheet" type="text/css" href="/static/reg/bootStrap/bootstrap/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="/static/reg/sass/index.css" />
<link rel="stylesheet" type="text/css" href="/static/reg/css/index.css">


</head>

<body>

<div class="laoda">
<div class="zong">
<div class="tou">
	<p><b>助农商城用户注册协议和隐私政策</b></p>
	<a href="/static/reg/https://www.jd.com/" class="cuo"><span class="glyphicon glyphicon-remove"></span></a>
</div>
<div class="zt">

	<div class="protocol-con">
		<div class="WordSection1" style="layout-grid:15.6pt">

			<p class="MsoNormal" style="line-height:150%"><span style="mso-bookmark:OLE_LINK6"><span style="mso-bookmark:OLE_LINK5">
				<b style="mso-bidi-font-weight:normal"><u><span style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-ascii-font-family:
Calibri;mso-fareast-font-family:宋体;">在<span class="GramE">您注册</span>成为助农商城用户的过程中，您需要完成我们的注册流程并通过点击同意的形式<span class="GramE">在线签署</span> 以下协议，请您务必仔细阅读、充分理解协议中的条款内容后再点击同意（尤其是以粗体并下划线标识的条款，因为这些条款可能会明确您应履行的义务或对您的权利有所限制）：
				</span>
				</u>
				</b>
				</span>
				</span><span style="mso-bookmark:OLE_LINK6"><span style="mso-bookmark:OLE_LINK5">
				<b style="mso-bidi-font-weight:normal"><u><span lang="EN-US" style="mso-bidi-font-size:
10.5pt;line-height:150%"><o:p></o:p></span></u>
				</b>
				</span>
				</span>
			</p>

			<p class="MsoNormal" style="line-height:150%"><b style="mso-bidi-font-weight:
normal"><u><span lang="EN-US" style="mso-bidi-font-size:10.5pt;line-height:150%;
color:red"><a href="/static/reg/https://in.m.jd.com/help/app/register_info.html" target="_blank"><span lang="EN-US" style="font-family:宋体;mso-ascii-theme-font:
minor-latin;mso-fareast-font-family:宋体;color:red"><span lang="EN-US">《助农商城用户注册协议》</span></span></a><o:p></o:p></span></u></b></p>

			<div style="clear:both"></div>
			<br>

			<p class="MsoNormal" style="line-height:150%">
				<b style="mso-bidi-font-weight:normal">
					<u><span lang="EN-US" style="mso-bidi-font-size:10.5pt;line-height:150%;color:red">
						<a href="/static/reg/https://in.m.jd.com/help/app/private_policy.html" target="_blank">
							<span lang="EN-US" style="font-family:宋体;mso-fareast-font-family:宋体;;color:red">
								<span lang="EN-US">隐私政策</span></span></a><o:p></o:p></span></u></b></p>

			<p class="MsoNormal" style="line-height:150%">
				<b style="mso-bidi-font-weight:normal">
					<u><span style="mso-bidi-font-size:10.5pt;line-height:150%;font-family:宋体;mso-fareast-font-family:宋体;">在
						<span class="GramE">您注册</span>
						成为助农商城用户的过程中，您需要完成我们的注册流程并通过点击同意的形式
						<span class="GramE">在线签署</span>
						以下协议，请您务必仔细阅读、充分理解协议中的条款内容后再点击同意（尤其是以粗体并下划线标识的条款，因为这些条款可能会明确您应履行的义务或对您的权利有所限制）：</span></u></b>
				<b style="mso-bidi-font-weight:normal">
						<u><span lang="EN-US" style="mso-bidi-font-size:10.5pt;line-height:150%"><o:p></o:p></span></u></b></p>

			<p class="MsoNormal" align="left" style="mso-margin-top-alt:auto;margin-bottom:
12.0pt;text-align:left;line-height:24.0pt;mso-pagination:widow-orphan"><span style="mso-bookmark:OLE_LINK17"><span style="mso-bookmark:OLE_LINK18"><span style="mso-bidi-font-size:10.5pt;font-family:&quot;微软雅黑&quot;,&quot;sans-serif&quot;;mso-bidi-font-family:
宋体;mso-font-kerning:0pt">助农商城（以下或称“我们”）注重保护用户个人信息及个人隐私。本隐私政策解释了用户（“您”）个人信息收集（以下或称“信息”）和使用的有关情况，本隐私政策适用于助农商城向您提供的所有相关服务（包括但不限于电子商务、网络资讯、网络社交、互联网金融服务等，以下称“助农商城服务”或“服务”）。<b>如果您不同意本隐私政策的任何内容，您应立即停止使用助农商城服务。当您使用助农商城提供的任一服务时，即表示您已同意我们按照本隐私政策来合法使用和保护您的个人信息。<span lang="EN-US"><br>
<br>
</span>一、您个人信息的收集</b><span lang="EN-US"><br>
<br>
</span>当<span class="GramE">您注册</span>助农商城账户及您在使用相关助农商城服务时填写、提交及<span lang="EN-US">/</span>或其他任何方式提供的信息，包括您的姓名、性别、出生年月日、身份证号码、护照姓、护照名、护照号码、电话号码、电子邮箱、收货地址、助农商城钱包<span class="GramE">或网银在线</span>账号、银行卡信息及相关附加信息（如您地址中的所在的省份和城市、邮政编码等）。<b>您可以选择不提供某一或某些信息，但是这样可能使您无法使用助农商城的许多特色服务。</b>请您理解，我们使用您提供的信息是为了<span class="GramE">回应您</span>的要求，为您在助农商城购物或享受服务提供便利，完善助农商城网站以及与您进行信息沟通。另外，我们可能会将您所提供的信息与您的助农商城账户关联，用以<span class="GramE">识别您</span>的身份。<span lang="EN-US"><br>


</span><b>三、您个人信息的分享</b><span lang="EN-US"><br>
<br>
</span>您的个人信息是我们为您提供服务的重要部分，我们会遵循法律规定对您的信息承担保密义务。<b>除以下情形外，我们不会将您的个人信息披露给第三方：</b><span lang="EN-US"><br>
</span><b>四、您个人信息的安全</b><span lang="EN-US"><br>
<br>
</span>助农商城严格保护您的个人信息安全。我们使用各种制度、安全技术和程序等措施来保护您的个人信息不被未经授权的访问、篡改、披露或破坏。如果您对我们的个人信息保护有任何疑问，请联系我们的客服。<span lang="EN-US"><br>
</span>在通过助农商城网站与第三方进行网上商品或服务的交易时，您不可避免的要向交易对方或潜在的交易对方披露自己的个人信息，如联络方式或者邮政地址等。请您妥善保护自己的个人信息，仅在必要的情形下向他人提供。如您发现自己的个人信息泄密，尤其是你的账户及密码发生泄露，请您立即联络我们的客服，以便我们采取相应措施。<span lang="EN-US"><br>
<br>
</span><b>五、访问和<span class="GramE">更新您</span>的个人信息</b><span lang="EN-US"><o:p></o:p></span></span>
				</span>
				</span>
			</p>

			<p class="MsoNormal" align="left" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:
auto;text-align:left;line-height:24.0pt;mso-pagination:widow-orphan"><span style="mso-bookmark:OLE_LINK17"><span style="mso-bookmark:OLE_LINK18"><b><span style="mso-bidi-font-size:10.5pt;font-family:&quot;微软雅黑&quot;,&quot;sans-serif&quot;;mso-bidi-font-family:
宋体;mso-font-kerning:0pt">您可以在“我的助农商城”页面的“账户设置”菜单中<span class="GramE">查阅您</span>提交给助农商城的所有个人信息，你也可通过上述途径更新除实名认证信息之外的其他个人信息（您的实名认证信息是您通过实名认证时使用的姓名和身份证信息），如您需要<span class="GramE">变更您</span>的实名认证信息，您可拨打<span lang="EN-US">10086</span>服务热线申请变更。</span>
				</b>
				</span>
				</span><span style="mso-bookmark:OLE_LINK17"><span style="mso-bookmark:OLE_LINK18"><span lang="EN-US" style="mso-bidi-font-size:10.5pt;font-family:&quot;微软雅黑&quot;,&quot;sans-serif&quot;;
mso-bidi-font-family:宋体;mso-font-kerning:0pt"><o:p></o:p></span></span>
				</span>
			</p>


			<span style="mso-bookmark:OLE_LINK18"></span><span style="mso-bookmark:OLE_LINK17"></span>

			<p class="MsoNormal" style="line-height:150%"><span lang="EN-US" style="mso-bidi-font-size:
10.5pt;line-height:150%"><o:p>&nbsp;</o:p></span></p>
		</div>
	</div>

</div>
<div class="dibu">
	<a href="/static/reg/https://www.jd.com/"><button class="quxiao">取消</button></a>
	<button class="ty">同意并继续</button>
</div>
</div>
</div>
















<header>
<img src="/static/reg/img/logo1.jpg" alt=""></a>
<div class="desc">欢迎注册</div>
<div class="dfg">
	<span>已有账号？</span>
	<a href="http://auth.wlp.com/login.html">请登录</a>
</div>
</header>
<section>
	<form action="/sms/register" method="post" class="one">
		<div class="tips" th:text="${error!=null?(#maps.containsKey(error,'msg')?error.msg:''):''}">

		</div>
		<div class="register-box">
			<label for="username" class="username_label">用 户 名
			<input name="userName" maxlength="20" type="text" placeholder="您的用户名和登录名" >
			</label>
			<div class="tips" th:text="${error!=null?(#maps.containsKey(error,'userName')?error.userName:''):''}">

			</div>
		</div>
		<div class="register-box">
			<label  class="other_label">设 置 密 码
				<input name="password" maxlength="20" type="password" placeholder="建议至少使用两种字符组合">
			</label>
			<div class="tips" th:text="${error!=null?(#maps.containsKey(error,'password')?error.password:''):''}">

			</div>
		</div>
		<div class="register-box">
			<label  class="other_label">确 认 密 码
				<input maxlength="20" type="password" placeholder="请再次输入密码">
			</label>
			<div class="tips">

			</div>
		</div>
		<div class="register-box">
			<label class="other_label">
			<span>手机号</span>
				<input name="phone" class="phone" id="phoneNum" maxlength="20" type="text" placeholder="建议使用常用手机">
			</label>
			<div class="tips" th:text="${error!=null?(#maps.containsKey(error,'phone')?error.phone:''):''}">

			</div>
		</div>
		<div class="register-box">
			<label  class="other_label">验 证 码
				<input name="code" maxlength="20" type="text" placeholder="请输入验证码" class="caa">
			</label>
			<a href="#" id="sendCode" >点击获取验证码 </a>
			<div class="tips" th:text="${error!=null?(#maps.containsKey(error,'code')?error.code:''):''}">

			</div>
		</div>
		<div class="arguement">
			<input type="checkbox" id="xieyi"> 阅读并同意
			<a href="/static/reg/#">《助农商城用户注册协议》</a>
			<a href="/static/reg/#">《隐私政策》</a>
			<div class="tips">

			</div>
			<br />
			<div class="submit_btn">
				<button type="submit" id="submit_btn">立 即 注 册</button>
			</div>
		</div>

	</form>
	<div class="two">
	<div class="right_r">

	</div>
	</div>
	</section>
<br /><br />
<hr>
<br /><br />
<script type="text/javascript" charset="utf-8">
	$(function() {
		var stuList = getStuList(); //设置传送信息：学生的集合

		//聚焦失焦input
		$('input').eq(0).focus(function() {
			if($(this).val().length == 0) {
				$(this).parent().next("div").text("支持中文，字母，数字，'-'，'_'的多种组合");
			}
		})
		$('input').eq(1).focus(function() {
			if($(this).val().length == 0) {
				$(this).parent().next("div").text("建议使用字母、数字和符号两种以上的组合，6-20个字符");
			}
		})
		$('input').eq(2).focus(function() {
			if($(this).val().length == 0) {
				$(this).parent().next("div").text("请再次输入密码");
			}
		})
		$('input').eq(3).focus(function() {
			if($(this).val().length == 0) {
				$(this).parent().next("div").text("手机号格式错误");
			}
		})
		/*$('input').eq(4).focus(function() {
			if($(this).val().length == 0) {
				$(this).parent().next().next("div").text("看不清？点击图片更换验证码");
			}
		})*/
		//input各种判断
		//用户名：
		$('input').eq(0).blur(function() {
			if($(this).val().length == 0) {
				$(this).parent().next("div").text("");
				$(this).parent().next("div").css("color", '#ccc');
			} else if($(this).val().length > 0 && $(this).val().length < 4) {
				$(this).parent().next("div").text("长度只能在4-20个字符之间");
				$(this).parent().next("div").css("color", 'red');
			} else if($(this).val().length >= 4 && !isNaN($(this).val())) {
				$(this).parent().next("div").text("用户名不能为纯数字");
				$(this).parent().next("div").css("color", 'red');
			} else {
				for(var m = 0; m < stuList.length; m++) {
					if($(this).val() == stuList[m].name) {
						$(this).parent().next("div").text("该用户名已被注册");
						$(this).parent().next("div").css("color", 'red');
						return;
					}
				}
				$(this).parent().next("div").text("");
			}
		})
		//密码
		$('input').eq(1).blur(function() {
			if($(this).val().length == 0) {
				$(this).parent().next("div").text("");
				$(this).parent().next("div").css("color", '#ccc');
			} else if($(this).val().length > 0 && $(this).val().length < 6) {
				$(this).parent().next("div").text("长度只能在6-20个字符之间");
				$(this).parent().next("div").css("color", 'red');
			} else {
				$(this).parent().next("div").text("");
			}
		})
		//	确认密码
		$('input').eq(2).blur(function() {
			if($(this).val().length == 0) {
				$(this).parent().next("div").text("");
				$(this).parent().next("div").css("color", '#ccc');
			} else if($(this).val() != $('input').eq(1).val()) {
				$(this).parent().next("div").text("两次密码不匹配");
				$(this).parent().next("div").css("color", 'red');
			} else {
				$(this).parent().next("div").text("");
			}
		})
		//	手机号
		$('input').eq(3).blur(function() {
			if($(this).val().length == 0) {
				$(this).parent().next("div").text("");
				$(this).parent().next("div").css("color", '#ccc');
			} else if($(this).val().substr(0, 3) != 138 && $(this).val().substr(0, 3) != 189 && $(this).val().substr(0, 3) != 139 && $(this).val().substr(0, 3) != 158 && $(this).val().substr(0, 3) != 188 && $(this).val().substr(0, 3) != 157 || $(this).val().length != 11) {
				$(this).parent().next("div").text();
				$(this).parent().next("div").css("color", 'red');
			} else {
				$(this).parent().next("div").text("");
			}
		})
		// 	验证码
		//	 验证码刷新
		/*function code() {
			var str = "qwertyuiopasdfghjklzxcvbnm1234567890QWERTYUIOPLKJHGFDSAZXCVBNM";
			var str1 = 0;
			for(var i = 0; i < 4; i++) {
				str1 += str.charAt(Math.floor(Math.random() * 62))
			}
			str1 = str1.substring(1)
			$("#code").text(str1);
		}
		code();
		$("#code").click(code);*/
		//	验证码验证
		$('input').eq(4).blur(function() {
			if($(this).val().length == 0) {
				$(this).parent().next().next("div").text("");
				$(this).parent().next().next("div").css("color", '#ccc');
			} else if($(this).val().toUpperCase() != $("#code").text().toUpperCase()) {
				$(this).parent().next().next("div").text("验证码不正确");
				$(this).parent().next().next("div").css("color", 'red');
			} else {
				$(this).parent().next().next("div").text("");
			}
		})
		//	提交按钮
		$("#submit_btn").click(function(e) {
            for(var j = 0; j < 5; j++) {
                if($('input').eq(j).val().length == 0) {
                    $('input').eq(j).focus();
                    if(j == 4) {
                        $('input').eq(j).parent().next().next("div").text("此处不能为空");
                        $('input').eq(j).parent().next().next("div").css("color", 'red');
                        e.preventDefault();
                        return;
                    }
                    $('input').eq(j).parent().next(".tips").text("此处不能为空");
                    $('input').eq(j).parent().next(".tips").css("color", 'red');
                    e.preventDefault();
                    return;
                }
            }
            //协议
            if($("#xieyi")[0].checked) {
                //向变量stuList数组添加一个数值，数值内部格式Student(name,password,tel,id)
                //发送用户信息
                stuList.push(new Student($('input').eq(0).val(), $('input').eq(1).val(), $('input').eq(3).val(), stuList.length + 1));
                localStorage.setItem('stuList', JSON.stringify(stuList));
                alert("注册成功");
                window.open("login.html", "_blank");
            } else {
                $("#xieyi").next().next().next(".tips").text("请勾选协议");
                $("#xieyi").next().next().next(".tips").css("color", 'red');
                e.preventDefault();
                return;
            }
        })

		//  建立构造函数，构造学生信息模板
		function Student(name, password, tel, id) {
			this.name = name;
			this.password = password;
			this.tel = tel;
			this.id = id;
		}
		//	获取之前所有已经注册的用户集合
		function getStuList() {
			var list = localStorage.getItem('stuList');
			if(list != null) {
				return JSON.parse(list);
			} else {
				return new Array();
			}
		}

	})
	$(".ty").click(function() {
		$(".zong").hide();
		$(".laoda").hide();
	});
	$(".cuo").click(function() {
		$(".zong").hide();
	});

	$(function(){
		$("#sendCode").click(function(){
			if($(this).hasClass("d1")){
				// 说明正在倒计时
			}else{
				// 给指定的手机号发送验证码
				$.get("/sms/sendCode?phone="+$("#phoneNum").val(),function(data){
					if(data.code != 0){
						// 请求处理有异常
						alert(data.msg);
					}
				})
				timeoutChangeStyle()
			}

		});
	})
	var num = 60
	function timeoutChangeStyle(){
		$("#sendCode").attr("class","d1")
		if(num == 0){
			// 说明1分钟到了，可以再次发送验证码了
			$("#sendCode").text("发送验证码")
			num= 60;
			$("#sendCode").attr("class","")
		}else{
			setTimeout('timeoutChangeStyle()',1000)
			$("#sendCode").text(num+"s后再次发送")
		}

		num --;
	}
</script>
</body>

</html>
